<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <script text="javascript">
        function recargar() {
            //se activa el método alert luego de 2 segundos
            //setTimeout("alert('Pasaron 2 segundos!')",2000); 10000
            setTimeout('document.location.reload()', 1000);
        }
    </script>

    <ui:composition template="/template.xhtml">
        <ui:define name="body" >
            <p:growl id="growl" showDetail="true"/>
            <p:panel header=" Lista de Expedientes Registrados"  > 
                <h:form id="frm_exped" styleClass="jsfcrud_list_form">
                    <h:panelGroup id="messagePanel" layout="block" >
                        <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
                    </h:panelGroup>

                    <h:panelGroup >
                        <p:dataTable value="#{expedienteController.listaExpAll}" var="item" id="dataTable" scrollable="true" widgetVar="expTable"
                                     paginator="true" rows="10"   filteredValue="#{expedienteController.filteredExped}" 
                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                     rowsPerPageTemplate="5,10" rowKey="#{item.codExp}" selection="#{expedienteController.expedient}" selectionMode="single"
                                     >

                            <p:column width="50" style="text-align: center;font-size: 11px" filterBy="#{item.codExp}" headerText="Exped" 
                                      filterMatchMode="startsWith"> 
                                <f:facet name="header"><h:outputText value="Exped"/></f:facet>
                                <h:outputText value="#{item.codExp}"/>
                            </p:column>
                            <p:column width="65" style="text-align: center; font-size: 11px" id="yearColumn" filterBy="#{item.fechaReg}" headerText="Fecha" filterMatchMode="contains" sortBy="#{item.fechaReg}">
                                <f:facet name="header"><h:outputText value="#{bundle.ListExpedienteTitle_fechaReg}"/></f:facet>
                                <h:outputText value="#{item.fechaReg}" >
                                    <!--f:convertDateTime pattern="EEEEE dd MMMMM yyyy"   / Dia de la Semana  -->
                                    <!--f:convertDateTime pattern="yyyy/MM/dd" type="date" /-->
                                    <f:convertDateTime pattern="dd.MM.yyyy" />
                                    <!--f:convertDateTime pattern="dd/MM/yyyy" type="date" /-->
                                    <!--f:convertDateTime type="both" dateStyle="both" pattern="yyyy/MM/dd" /--> // pattern="yyyy/MM/dd HH:mm:ss"
                                    <!--f:convertDateTime locale="en_US" type="both" dateStyle="short" timeZone="EDT" /-->
                                </h:outputText>
                            </p:column>
                            <p:column width="70">
                                <f:facet name="header"><h:outputText value="#{bundle.ListExpedienteTitle_tipoTramite}"/></f:facet>
                                <h:outputText value="#{item.tipoTramite.nombre}"/>
                            </p:column>
                            <p:column  width="70">
                                <f:facet name="header"><h:outputText value="Interesado"/></f:facet>
                                <h:outputText value="#{item.interesArea.interesado.nombres}"/>
                            </p:column>
                            <p:column  width="70">
                                <f:facet name="header"><h:outputText value="#{bundle.ListExpedienteTitle_interesArea}"/></f:facet>
                                <h:outputText value="#{item.interesArea.nombre}"/>
                            </p:column>
                            <p:column  width="40" style="text-align: center;font-size: 11px">
                                <f:facet name="header"><h:outputText value="#{bundle.ListExpedienteTitle_remitente}"/></f:facet>
                                <h:outputText value="#{item.remitente}"/>
                            </p:column>
                            <p:column style="text-align: left; font-size: 11px" width="200" filterBy="#{item.asunto}" headerText="Asunto" filterMatchMode="contains">
                                <f:facet name="header" ><h:outputText value="#{bundle.ListExpedienteTitle_asunto}"  /></f:facet>
                                <h:outputText value="#{item.asunto}" style="text-align: left"/>
                            </p:column>
                            <p:column width="50">
                                <f:facet name="header" ><h:outputText value="Nº Docum"/></f:facet>
                                <h:outputText value="#{item.numexpeIngr}"/>
                            </p:column>
                            <p:column width="40" style="text-align: center">
                                <f:facet name="header"><h:outputText value="#{bundle.ListExpedienteTitle_folios}"/></f:facet>
                                <h:outputText value="#{item.folios}"/>
                            </p:column>
                            <p:column  width="40" style="text-align: center;font-size: 11px">
                                <f:facet name="header"><h:outputText value="#{bundle.ListExpedienteTitle_proveido}"/></f:facet>
                                <h:outputText value="#{item.proveido}"/>
                            </p:column>                            
                            <!--p:column width="40">
                                <f:facet name="header"><h:outputText value="#{bundle.ListExpedienteTitle_tipoDocTra}"/></f:facet>
                                <h:outputText value="#{item.tipoDocTra.nombre}"/>
                            </p:column-->
                            <p:column  width="40"> 
                                <f:facet name="header"><h:outputText value="Opciones&nbsp;"/></f:facet>
                                <p:commandButton value="Del" icon="ui-icon-trash" update=":frm_exped:confirmDelete" oncomplete="deleteDialog1.show()">
                                    <f:setPropertyActionListener value="#{item}" target="#{expedienteController.expedient}" />
                                </p:commandButton>
                                <!--h:column>      //   Elimina Directamente Registro
                                    <f:facet name="header"> </f:facet>
                                    <h:commandButton id="btnMostrar"  title="Elimina" value="Del" action="#{expedienteController.eliminaExp()}">
                                        <f:setPropertyActionListener value="#{item}" target="#{expedienteController.expedient}" />
                                    </h:commandButton>
                                </h:column-->
                                <h:commandLink action="#{expedienteController.prepareEdit}" value="#{bundle.ListExpedienteEditLink}"/>
                                <h:outputText value=" "/>
                                <h:commandLink action="#{expedienteController.destroy}" value="#{bundle.ListExpedienteDestroyLink}"/>
                            </p:column>
                            <f:facet name="footer">  
                                <p:commandButton value="Detalle del Expediente Seleccionado"  oncomplete="expSelecDialog.show()" update=":frm_exped:display "   />
                            </f:facet>  
                        </p:dataTable>
                        <!--  ************************Dialog de confirmacion de eliminacion de Expediente ******************************-->
                        <p:confirmDialog id="confirmDelete" header="Confirmar eliminacion de Expediente " widgetVar="deleteDialog1" severity="alert" showEffect="fade" 
                                         hideEffect="fade" closable="true" message="¿Eliminará el Expediente Nº '#{expedienteController.expedient.codExp}' ?">
                            <p:commandButton id="accept" value="Eliminar" update=":frm_exped:confirmDelete" oncomplete="deleteDialog.hide();"
                                             action="#{expedienteController.eliminaExp()}" ajax="false">
                            </p:commandButton>
                            <p:commandButton id="decline" value="Cancelar" onclick="deleteDialog.hide();" type="button" />
                        </p:confirmDialog>

                        <!--  ************************Dialog de Detalle del Expediente ******************************-->
                        <p:dialog header=" Detalle del Expediente Seleccionado"  widgetVar="expSelecDialog" resizable="false" width="550" showEffect="clip" hideEffect="fold">
                            <h:panelGrid id="display" columns="2"  cellpadding="0" width="550">

                                <h:outputText value="Expediente" style="font-size: 13px; color: red;" />
                                <h:outputText value="#{expedienteController.varExpedNum}" style="font-size: 13px; color: red;" />
                                <h:outputText value="TipoTramite" style="font-size: 11px;" />
                                <h:outputText value="#{expedienteController.expedient.tipoTramite.nombre}" style="font-size: 11px; color: blue;" />

                                <h:outputText value="Interesado" style="font-size: 11px;" />
                                <h:outputText value="#{expedienteController.expedient.interesArea.interesado.nombres}" style="font-size: 11px; color: blue;" />
                                <h:outputText value="AreaInteresad" style="font-size: 11px;" />
                                <h:outputText value="#{expedienteController.expedient.interesArea.nombre}" style="font-size: 11px; color: blue;" />
                                <h:outputText value="Remitente:" style="font-size: 11px;" />
                                <h:outputText value="#{expedienteController.varRemite}" style="font-size: 11px; color: blue;" />
                                <h:outputText value="Asunto" style="font-size: 11px;" />
                                <h:outputText value="#{expedienteController.varAsunto}" style="font-size: 11px; color: blue;" />
                                <h:outputText value="Nº Documen" style="font-size: 11px;" />
                                <h:outputText value="#{expedienteController.expedient.numexpeIngr}" style="font-size: 11px; color: blue;" />                                
                                <h:outputText value="Nº Folios" style="font-size: 11px;" />
                                <h:outputText value="#{expedienteController.varFolios}" style="font-size: 11px; color: blue;" />
                                <h:outputText value="Proveido" style="font-size: 11px;" />
                                <h:outputText value="#{expedienteController.expedient.proveido}" style="font-size: 11px; color: blue;" />                                
                                <h:outputText value="Detalle Exp." style="font-size: 11px;" />
                                <h:outputText value="#{expedienteController.varDetalle}" style="font-size: 11px; color: blue;" />
                                <h:outputText value="Responsable:" style="font-size: 11px;" />
                                <h:outputText value="#{expedienteController.expedient.trabajador.nombres}, #{expedienteController.expedient.trabajador.apePat}" style="font-size: 11px; color: blue;" />
                                <h:outputText value="TipDocum:" style="font-size: 11px;" />
                                <h:outputText value="#{expedienteController.expedient.tipoDocTra.nombre}" style="font-size: 11px; color: blue;" />
                                <h:outputText value="Prioridad:" style="font-size: 11px;" />
                                <h:outputText value="#{expedienteController.expedient.tipoPriorida.nombre}" style="font-size: 11px; color: blue;" />
                                <h:outputText value="Inmueble:" style="font-size: 11px;" />
                                <h:outputText value="#{expedienteController.expedient.inmuebles.direccion}" style="font-size: 11px; color: blue;" />
                                <h:outputText value="Observación:" style="font-size: 11px;" />
                                <h:outputText value="#{expedienteController.expedient.observac}" style="font-size: 11px; color: blue;" />




<!--h:outputText value="#{managedBeanVenta.bloqueBoleta} - #{managedBeanVenta.numeroBoleta}" style="font-size: 21px; color: red;" /-->


                            </h:panelGrid>
                        </p:dialog>
                    </h:panelGroup> 
                    <br />
                    <h:commandLink action="#{expedienteController.prepareCreate}" value="#{bundle.ListExpedienteCreateLink}"/>
                    <br />
                    <br />
                    <h:link outcome="/index" value="#{bundle.ListExpedienteIndexLink}"/>
                </h:form>
            </p:panel>


        </ui:define>
    </ui:composition>

</html>
